.buy_proInfo {
    height: 150px;
    background: @navBgcolor;
    padding: 22px 15px;
    h1 {
        font-size: 14px;
        color: rgba(255, 255, 255, .8);
        width: 100%;
        margin-bottom: 15px;
        font-weight: 400;
    }
    .YielDrate {
        .flex();
        .YielDrate_l {
            width: 28.6%;
            border-right: 1px solid rgba(255, 255, 255, .6);
            h1 {
                font-size: 30px;
                margin-left: -3px;
                em {
                    font-size: 14px;
                }
            }
            p {
                font-size: 14px;
                color: rgba(255, 255, 255, .8);
            }
        }
        .YielDrate_r {
            flex: 1;
            margin-left: 16px;
            p {
                margin: 0;
                margin-bottom: 5px;
                padding: 0;
                font-size: 14px;
                color: rgba(255, 255, 255, .6);
                em {
                    color: rgba(255, 255, 255, .8);
                    margin-left: 16px;
                }
            }
        }
    }
}

.buyList {
    #regedit {
        margin-bottom: 20px;
        &:after {
            height: 0;
        }
        &:before {
            height: 0;
        }
        .mui-input-row {
            &:after {
                height: 0;
            }
            &:before {
                height: 0;
            }
        }
        .addInterest {
            color: rgb(51, 51, 51);
            font-size: 16px;
            padding-left: 15px;
            line-height: 56px;
            span {
                margin-right: 32px;
            }
            img {
                width: 15px;
                height: 17px;
                margin-right: 10px;
                position: relative;
                top: 2px;
            }
        }
    }
}

.buyDialogBox {
    width: 78%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: #fff;
    z-index: 1000;
    border-radius: 12px;
    padding-top: 20px;
    h1,
    h2 {
        text-align: center;
        font-size: 17px;
        color: rgb(51, 51, 51);
        font-weight: normal;
    }
    h2 {
        font-size: 30px;
        margin-top: 10px;
        margin-bottom: 17px;
    }
    .dialog_close {
        position: absolute;
        right: 16px;
        top: 16px;
        color: #c7c7c7;
        font-size: 40px;
    }
    input {
        border-radius: 8px;
        border-color: rgb(204, 204, 204);
    }
    .send {
        margin-top: 44px;
        height: 44px;
        text-align: center;
        color: rgb(0, 151, 226);
        position: relative;
        line-height: 44px;
        &:before {
            .border-top();
        }
    }
    p {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.buyPayCode {
    .codeInput {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        div {
            position: absolute;
            right: 15px;
            top: 11px;
        }
    }
}

.discount #productTab .product_Tab_Title span.mui-active {
    color: #0097e2;
}

.discount #productTab .mui-slider-group .mui-scroll {
    background: #f6f6f6;
}

.discount {
    ul {
        margin: 0;
        padding: 0;
        li {
            background: url(../image/youhuijuan.png) no-repeat center center;
            background-size: cover;
            padding-top: 44.3%;
            width: 100%;
            position: relative;
            margin-bottom: 10px;
            .discount_box {
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%;
                padding: 15px 20px;
                h1 {
                    font-size: 16px;
                    color: rgb(51, 51, 51);
                    font-weight: normal;
                    margin-bottom: 15px;
                    background: none!important;
                    em {
                        color: rgb(0, 151, 226)!important;
                        font-size: 10px!important;
                        margin-left: 6px!important;
                        border: 1px solid rgb(0, 151, 226)!important;
                        padding: 2px 5px;
                        border-radius: 4px;
                    }
                }
                p {
                    font-size: 13px;
                    margin: 0;
                    margin-top: 8px;
                    color: rgb(153, 153, 153);
                }
                .rate {
                    color: rgb(35, 162, 255);
                    font-size: 32px;
                    position: absolute;
                    right: 21px;
                    top: 48px;
                    em {
                        font-size: 14px!important;
                        color: rgb(35, 162, 255)!important;
                        margin: 0!important;
                    }
                }
                .activeTime {
                    position: absolute;
                    bottom: 10px;
                    color: rgb(153, 153, 153);
                    vertical-align: middle;
                    font-size: 13px;
                    img {
                        position: relative;
                        top: 3px;
                        width: 16px;
                        height: 16px;
                    }
                }
                .mui-input-row {
                    position: absolute;
                    bottom: 10px;
                    right: 15px;
                    background: none;
                }
                .mui-input-row label {
                    font-size: 16px;
                    line-height: 1.5;
                    padding-left: 30px;
                }
                .mui-radio input[type=radio] {
                    top: 20px;
                    left: 0;
                }
                .mui-radio input[type=radio]:before {
                    font-size: 22px;
                    content: '\e442';
                    color: #dbdbdb;
                }
                .mui-radio input[type=radio]:checked:before {
                    color: #23A2FF;
                    font-size: 22px;
                    content: '\e442'
                }
            }
        }
        li.Unavailable {
            .discount_box {
                h1{
                    color: #d6d6d6;
                    em{
                        opacity:0.5;
                    }
                }
                p {
                    color: #d6d6d6;
                }
                .activeTime {
                    color: #d6d6d6;
                }
                .rate{
                    opacity:0.5;
                }
            }
        }
    }
}

p#maximum {
    padding-left: 15px;
    color: #999;
    margin: 10px 0 38px 0;
    font {
        color: @navBgcolor;
    }
}

.coupon {
    padding: 15px 10px;
    li {
        padding-top: 28.98%;
        width: 100%;
        background: url(../image/coupons_1.png) no-repeat center center;
        background-size: cover;
        position: relative;
        margin-bottom: 15px;
        .coupon_box {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            .coupon_box_left {
                color: rgb(0, 151, 226);
                position: absolute;
                top: 23%;
                width: 25%;
                text-align: center;
                h1 {
                    color: rgb(0, 151, 226);
                    font-size: 25px;
                    font-weight: 400;
                }
                p {
                    color: rgb(0, 151, 226);
                    font-size: 12px;
                }
            }
            .coupon_box_right {
                position: absolute;
                left: 30%;
                top: 10%;
                h1 {
                    font-size: 14px;
                    margin-bottom: 11px;
                }
                p {
                    font-size: 12px;
                    margin-bottom: 0;
                    margin-top: 5px;
                    color: rgb(102, 102, 102);
                }
            }
            input {
                position: absolute;
                right: 20px;
                bottom: 15px;
            }
        }
        .coupon_box.coupon_box_invalid {
            .coupon_box_left {
                color: rgb(214, 214, 214);
                h1 {
                    color: rgb(214, 214, 214);
                }
                p {
                    color: rgb(214, 214, 214);
                }
            }
            .coupon_box_right {
                h1 {
                    color: rgb(203, 203, 203);
                }
                p {
                    color: rgb(214, 214, 214);
                }
            }
        }
    }
    li.vailable {
        padding-top: 28.98%;
        width: 100%;
        background: url(../image/coupons_2.png) no-repeat center center;
        background-size: cover;
        position: relative;
        margin-bottom: 15px;
    }
}

.coupon_foot {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    background: #fff;
    z-index: 999;
    .flex();
    border-top: 1px solid rgb(221, 221, 221);
    .coupon_foot_l {
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        padding: 5px 0 0 15px;
        h1 {
            color: rgb(51, 51, 51);
            font-size: 22px;
            font-weight: 320;
            margin: 0;
            span {
                font-size: 10px;
                color: rgb(0, 151, 226);
            }
        }
        p {
            color: rgb(153, 153, 153);
            font-size: 10px;
        }
    }
    .coupon_foot_r {
        width: 40%;
        background-color: rgb(0, 151, 226);
        color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 50px;
    }
}